border-style: solid;
border-radius: 3px;
border-color: $borders_color;
- background-color: mix($bg_color,$borders_color,60%);
+ background-color: $dark_fill;
box-shadow: inset 0 1px transparentize(black, 0.9); /*outset not working*/
text-shadow: 0 1px transparentize(black, 0.9);
- &:checked {
- color: white;
+ &:active {
+ color: $selected_fg_color;
border-color: $selected_borders_color;
background-color: $selected_bg_color;
text-shadow: 0 0 2px white;
border-style: solid;
border-radius: 3px;
border-color: gray;
- background-color: #333333;
+ background-color: #1a1a1a;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
/*outset not working*/
text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
- switch:checked {
- color: white;
+ switch:active {
+ color: #000;
border-color: #aaa;
background-color: #ddd;
text-shadow: 0 0 2px white; }
border-style: solid;
border-radius: 3px;
border-color: gray;
- background-color: #cccccc;
+ background-color: gray;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
/*outset not working*/
text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
- switch:checked {
- color: white;
+ switch:active {
+ color: #fff;
border-color: #000;
background-color: #000;
text-shadow: 0 0 2px white; }